<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@ include file="../../common/jsp/sheetHeader.jsp" %>
<script>
	$(document).ready(function() {
		//sheet 초기화  
		createIBSheet2(document.getElementById("viewArea"),"mySheet","100%","400px");
		
		var sheet_init = {};
		sheet_init.Cfg = {FrozenCol:0,SearchMode:smLazyLoad,Page:30};
		
		//HeaderMode
		sheet_init.HeaderMode = {Sort:1,ColMove:1,ColResize:1,HeaderCheck:0};
		sheet_init.Cols = [
		       			{Header:"NO",		Type:"Seq", Align:"Right"},
		       			{Header:"상태",		Type:"Status", Align:"Center"},
		       			{Header:"삭제",		Type:"DelCheck"},
		       			{Header:"문자열",	Type:"Text", KeyField:1, Align:"Center"},
		       			{Header:"콤보",		Type:"Combo", Width:80, ComboText:"대기|진행중|완료", ComboCode:"01|02|03",PopupText:"대기|진행중|완료"},
		       			{Header:"콤보에디트",	Type:"ComboEdit", Width:80, ComboText:"고려대학교|고려대학교2|국민대학교|서울대학교|숙명여자대학교|연세대학교|울산대학교|울산과학기술대학교|이화여자대학교|인천대학교|인천가톨릭대학교"},
		       			{Header:"팝업",		Type:"Popup", Width:100},
		       			{Header:"팝업에디트",	Type:"PopupEdit", Width:100},
		       			{Header:"자동합계",	Type:"AutoSum", Align:"Right",Width:70,Format:"NullInteger"},
		       			{Header:"자동평균",	Type:"AutoAvg", Align:"Right",Width:70, Format:"NullFloat"},
		       			{Header:"정수",		Type:"Int", Align:"Right", Format:"Integer",Width:70, Hidden:1},
		       			{Header:"실수",		Type:"Float", Align:"Right", Format:"Float",Width:70, Hidden:1},
		       			{Header:"날짜",		Type:"Date", Align:"Center", Format:"Ymd", Width:100},
		       			{Header:"패스워드",	Type:"Pass", Hidden:1},
		       			{Header:"체크박스",	Type:"CheckBox"},
		       			{Header:"라디오",	Type:"Radio"}
		       		]; 
		
		IBS_InitSheet(mySheet, sheet_init);
	
		//컬럼의 너비 조정
		mySheet.FitColWidth();
		
		doAction("search");
	});
	
	/*Sheet 각종 처리*/
	function doAction(sAction) {
		
		switch(sAction) {
			case "search":		//조회
				mySheet.DoSearch("../data/sheet_data.xml");
				break;
		}
	}
	
	function checkDragCell() {
		var sRowStr = mySheet.GetSelectionRows();
		var sColStr = mySheet.GetSelectionCols();
		
		$('#idxRow').val(sRowStr);
		$('#idxCol').val(sColStr);
	}
</script>
<title>드래그된 행/열 얻기 예제</title>
</head>
<body>
<div id="main">
	<%@ include file="../../common/jsp/sheetNavi.jsp" %>	
	<div id="title">드래그된 행/열 얻기 예제</div>
	<div id="desc">
		<div>
		GetSelectionRows() 메서드를 통해 선택 상태에 있는 행의 번호를 구분자로 구분하여 반환한다.<br>
		구분자를 설정하지 않으면 기본적으로 "|"로 묶어서 반환한다.<br>
		GetSelectionCols() 메서드를 통해 선택 상태에 있는 컬럼의 번호를 구분자로 구분하여 반환한다.<br>
		구분자를 설정하지 않으면 기본적으로 "|"로 묶어서 반환한다.<br>
		마우스로 드래그을 한뒤, 확인하기 버튼을 누르면 확인할 수 있다.
		</div>
		<br>
		<div>
		GetSelectionRows() 메서드 사용시 드래그행을 제외한 선택된(포커스) 행의 결과도 같이 넘어오는 경우가 있다.<br>
		선택된(포커스) 행을 제외한 드래그행만을 가져올 경우, 아래와 같이 설정하면 된다.<br>
		ibsheet 폴더 내에 ibsheet.cfg 파일이 있는데, 파일 안에 SelectionRowsMode을 설정한다.<br>
		<br>
		<table border="1" style="border-spacing: 1px; border-style: none; border-color: #CCCCCC;">
			<tr style="text-align:center">
				<td width="70">설정값</td>
				<td width="200">내용</td>
			</tr>
			<tr>
				<td align="center">0</td>
				<td>포커스행 포함함 (Default)</td>
			</tr>
			<tr>
				<td align="center">1</td>
				<td>포커스행 포함하지 않음</td>
			</tr>
		</table>
		<br>
		&lt;SHEET&gt;<br>
		&nbsp;&nbsp;&nbsp;&nbsp;&lt;Cfg<br> 
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Down2Excel_Url="../jsp/Down2Excel.jsp"<br> 
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<u>SelectionRowsMode="1"</u><br>
		&nbsp;&nbsp;&nbsp;&nbsp;/&qt;<br>
		&lt;/SHEET&gt;<br>
		</div>
	</div>

	<div id="functionArea">
		<div>
			드래그된 행 : <input id="idxRow" type="text" readonly/>
			드래그된 열 : <input id="idxCol" type="text" readonly/>
			<input type="button" value="확인하기" onclick="checkDragCell();">
		</div>
	</div>
	
	<div id="viewArea">
	</div>
</div>
</body>
</html>